﻿<%@ page contentType="text/html; charset=utf-8" language="java" import="java.io.*" pageEncoding="UTF-8"%>
<%@ include file="/common.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="pragma" content="no-cache"><!--HTTP 1.0-->
		<meta http-equiv="Cache-Control" content="no-cache, must-revalidate"><!--HTTP 1.1-->
		<%--<meta http-equiv="expires" content="0"><!--设置页面马上过期-->--%>
		
		<link href="/css/style_ie_1.0.css" rel="stylesheet" type="text/css" />	

		<script src="/js/prototype.js" type="text/javascript" language="javascript"></script>	
		<script src="/js/share.js" type="text/javascript" language="javascript"></script>
		<script src="/js/main.js" type="text/javascript" language="javascript"></script>
		
		<title>Blue_Dream---&gt;首页</title>
	</head>
	<body>
		<jsp:include page="/frame/header.jsp" flush="true" />
		<div id="main" class="main">
			<div style="width: 776px; height: 336px; margin-top: 15px;">
				<div style="width: 448px; height: 336px; back-color: #dd3344; float:left; margin-right: 10px; margin-left: 5px;">
					<img id="cphotoimg" src="/picture/photo/class/1004_big.jpg" onmouseover="endImgAni()" onmouseout="startImgAni()" style="width:448px; height: 336px; border: 1px groove #41b9Ef; filter:revealTrans(Transition=1,Duration=1.5);" />
					<script language="javascript" type="text/javascript">
						var k=0; //声明一个计数器变量
						var imgName1 = "/picture/photo/class/"; //所有图片地址的前面相同的部分，要根据实际修改这个值。
						var imgName2 = "_big.jpg"; //图片的文件格式，可根据实际情修改，前面那个小点不要漏了。
						var imgCnt = 4; //要展示的图片的张数，根据实际修改此值。
						var iTimeoutID = null;
						function startImgAni() { //程序主体部分
							imgObj=$("cphotoimg"); //若图像标记的ID号改变，请修改括号中的字符串值。
							if (imgObj.filters) {	//对于非IE浏览器则没有此效果
								if (imgObj.filters[0].Transition == 23) // 这部分语句是用于改变切换样式，在23种样式中循环。
									imgObj.filters[0].Transition = 1;
								else
									imgObj.filters[0].transition++;
								imgObj.filters[0].Apply();
								if (k < imgCnt) {
									k++; //这部分语句用于改变图像标记的src的图片地址（既含路径的文件名）。
								} else {
									k=1;
								}
								imgObj.setAttribute("src", imgName1 + (1000 + k) + imgName2);
								imgObj.filters[0].Play();
								iTimeoutID = setTimeout("startImgAni(1)", 3500); //每三点五秒钟刷新一次。
							}
							else {
								
							}
						}
						function endImgAni() {
							if (null != iTimeoutID) {
								clearTimeout(iTimeoutID);
								iTimeoutID = null;
							}
						}
						startImgAni();
						
					</script>
				</div>
				<div style="width: 305px; height: 200px; float: right; clear: right;">
				   	<div style="background:#4169E1; font-weight:bolder;">班主任寄语</div>
				   	<div style="height: 180px; overflow-y: scroll;"><!-- 寄语主体 -->
				   		珠海市斗门实验中学初一(1)班在班主任蔡飞飞老师的带领下，
				   		文明、向上、团结已是这个班级特有的氛围，班级共有68名同
				   		学珠海市斗门实验中学初一(1)班在班主任蔡飞飞老师的带领下，
				   		文明、向上、团结已是这个班级特有的氛围，班级共有68名同
				   		学珠海市斗门实验中学初一(1)班在班主任蔡飞飞老师的带领下，
				   		文明、向上、团结已是这个班级特有的氛围，班级共有68名同学
				   		珠海市斗门实验中学初一(1)班在班主任蔡飞飞老师的带领下，文
				   		明、向上、团结已是这个班级特有的氛围，班级共有68名同学...
				   	</div>
				</div>
				<div style="width: 305px; height: 135px; float: right; clear: right; overflow: hidden;"><!-- 滚动新闻 -->
					<div style="background:#4169E1; font-weight: bolder;">班内新闻</div>
					<div><!-- 滚动内容 -->
						<marquee direction="up" scrollDelay="2" scrollAmount="1" style="border-width : 1px; border-style : solid; scrollTop ：25px;"
							onmouseover="this.stop();" onmouseout="this.start();">
							<span style="text-overflow:ellipsis;"><a href="#">第一条新闻</a></span><p style="margin-bottom: -10px;"></p>
							<span style="text-overflow:ellipsis;"><a href="#">第二条测试新闻，看看超出的效果是不是对的，明显错了</a></span><p style="margin-bottom: -10px;"></p>
							<span style="text-overflow:ellipsis;"><a href="#">第三条测试新闻</a></span><p style="margin-bottom: -10px;"></p>
							<span style="text-overflow:ellipsis;"><a href="#">第四条测试新闻</a></span><p style="margin-bottom: -10px;"></p>
							<span style="text-overflow:ellipsis;"><a href="#">第五条测试新闻</a></span><p style="margin-bottom: -10px;"></p>
							<span style="text-overflow:ellipsis;"><a href="#">第六条测试新闻</a></span><p style="margin-bottom: -10px;"></p>
							<span style="text-overflow:ellipsis;"><a href="#">第七条测试新闻</a></span><p style="margin-bottom: -10px;"></p>
						</marquee>
					</div>
				</div>
			</div>
			<%
				java.util.Date udt = new java.util.Date(); 
				String[] tempArr = {"一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"};
				String curMonth = tempArr[udt.getMonth()];
			%>
			<div class="monStarArea">
				<div style="float: left;"><%=curMonth %>月之星</div>
				<div style="float: right;">
					<a href="javascript:void(0)" title="查看更多信息">更多...</a>
				</div>
			</div>
			<div style="width: 776px; background: #F0FFFF;">
				<%
					Collection monStars = MonStarQuery.QueryMonStarsByDate(dreamDB, udt, true);
					if (!monStars.isEmpty()) {
						Iterator iter = monStars.iterator();
						while (iter.hasNext()) {
							MonStarType monStar = (MonStarType)iter.next();
							UserType theUser = UserQuery.queryById(dreamDB, monStar.getUserId());
					%>
					<div class="singleMonStar">
						<div class="singleMonStarTitle"><%=monStar.getStarTitle() %></div>
						<div style="">
							<div class="singleMonStarHeadImage"><a href="javascript:void(0)" title="这里放一张240*180的头像"><img src="<%=ResourceTool.getPicPath(theUser.getHeadImage(), "normal") %>" /></a></div>
							<div class="singleMonStarData">
								<div style="height: 150px">
									<div style="margin-top: 3px;"><b>姓名：</b><span style="font-color: blue;"><a href="#" title="了解 <%=theUser.getName() %> 的更多信息"><%=monStar.getUserName() %></a></span></div>
									<div style="margin-top: 4px; margin-bottom: 4px;"><b>当评理由：</b><span style="font-size: 14px;"><%=monStar.getChoosedReason() %></span></div>
									<div><b>当评时间：</b><span style="margin-left: 28px;"><%=DateTool.getFormatDate("yyyy年MM月", udt) %></span></div>
								</div>
								<div>
									<div style="float: left"><a href="#" onclick="alert('<%=null == monStar.getBriefIntroduce() ? "谢谢支持" : monStar.getBriefIntroduce() %>');return false;"><img src="/images/ratify_btn.jpg" alt="点击投此人一票" title="点击投此人一票"/></a></div>
									<div style="font-weight: bolder; color: #ff0000; font-size: 24px; float: left; margin-left: 4px;"><%=monStar.getTotalScore() %></div>
								</div>
							</div>
						</div>
					</div>
				<% 	} 
				}else {
					out.print("本月还没有评选");
				}
				%>
			</div>
		</div>
		<jsp:include page="/frame/footer.jsp" flush="true" />
		<jsp:include page="/frame/login.jsp" flush="true" />
	</body>
</html>